<template>
	<view class="container">
		
		
		<!-- 求救信息列表 -->
		<view v-for="(item,index) in dataInfo" class="info-lists">
			<!-- <rich-text class="rich-list" :nodes="dataInfo"></rich-text> -->
			<view v-if="item.rescueType == 1" class="right-title">
				求救信息
			</view>
			<!-- <view class="info-list">
				<view class="">需要：</view>
				<view class="">食物</view>
			</view> -->
			<!-- <view class="info-list">
				<view class="">人数：</view>
				<view class="">几千人</view>
			</view> -->
			<view class="info-list">
				<view class="">位置：</view>
				<view class="">{{item.address}}</view>
			</view>
			<view class="info-list">
				<view class="">电话：</view>
				<view class="bold-text">{{item.mobilePhone}}</view>
			</view>
			<view class="info-list">
				<view class="">固话:</view>
				<view class="bold-text">0373-4096360</view>
			</view>
			<view class="info-list">
				<view class="">联系人：</view>
				<view class="bold-text">郭靖</view>
			</view>
			<view class="info-list-btn">
				<view class="">最新情况反馈</view>
				<view @click="closeInfo" class="">信息关闭</view>
				<view class="">复制转发</view>
			</view>
			<view class="user-info">
				
				<view class="user-name">
					微信昵称
				</view>
				<view class="">
					发布时间：2021/7/23
				</view>
				
			</view>
		</view>

		<!-- 最新情况反馈 -->
		<view class="info-lists">
			<view class="title">
				最新情况反馈
			</view>
			<view class="user-info">
				<!-- <view class="user-head">
			
				</view> -->
				<view class="user-name">
					微信昵称
				</view>
				<view class="">
					发布时间：2021/7/23
				</view>
				<!-- <view class="readed">
					155人已读
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	var _this;
	export default {
		data() {
			return {
					// baseUrl:"http://192.168.3.23:8085/jeecg-boot/",
					baseUrl:"http://weixiaokong.91xiaokong.com/jeecg-boot/",
					openId:'',
					dataInfo:''
			}
		},
		onLoad(options) {
			_this = this;
			this.openId = options.openId
			this.getList();
		},
		methods: {
			getList(){
				uni.request({
				    url: this.baseUrl+'rescue/hnjzRescueInformation/list', //仅为示例，并非真实接口地址。
				    data: {
						openId:_this.openId
					},
				    success: (res) => {
						_this.dataInfo = res.data.result.records;
						console.log(_this.dataInfo);
						
						
				    },
					fail(err) {
						console.log(err);
					}
				});
			},
			closeInfo(){
				uni.request({
					url:this.baseUrl+"rescue/hnjzRescueInformation/delete"
				})
			}
		}
	}
</script>

<style>
	.container {
		margin-left: 15rpx;
		font-size: 30rpx;
	}

	.top-menu1 {
		display: flex;
		margin-left: 30rpx;
		margin-right: 45rpx;
		border-top: solid 1rpx #000;
		height: 50rpx;
		padding-top: 20rpx;
	}

	.top-menu1 select {
		margin-left: 20rpx;
	}

	.top-menu2 {
		display: flex;
		height: 130rpx;
		margin-left: 30rpx;
		margin-right: 45rpx;
		margin-top: 20rpx;
		border-bottom: solid 1rpx #000;
		/* background-color: #bfa; */
	}

	.top-menu2 .input1 {
		width: 60%;
		height: 100rpx;
		margin-left: 20rpx;
		border: 1rpx #000 solid;
		margin-top: 0rpx;
	}

	.search-btn {
		width: 100rpx;
		height: 40rpx;
		margin-top: 40rpx;
		margin-left: 50rpx;
		border: 1rpx #000 solid;
		border-radius: 10rpx;
		font-size: 30rpx;
		padding: 10rpx;
		text-align: center;
	}

	.info-menu {
		/* width: 100%; */
		height: 100rpx;
		/* background-color: #baf; */
		margin: 0 45rpx 0 30rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-bottom: #000 solid 1rpx;
	}

	/* 信息列表 */
	.right-title {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 40rpx;
		color: #ccc;
	}
.rich-list{
	height: 300rpx;
	width: 100%;
	background-color: #ccc;
}
	.info-lists {
		position: relative;
		height: 500rpx;
		/* background-color: #baf; */
		border-top: #000 solid 1rpx;
		border-bottom: #000 solid 1rpx;
		margin-right: 45rpx;
		margin-left: 30rpx;
	}

	.info-lists>view {
		margin-top: 10rpx;
	}

	.info-list,
	.info-list-btn {
		display: flex;
		/* margin-top: 10rpx; */
	}

	.info-list view {
		margin-left: 30rpx;
	}

	.bold-text {
		font-size: 40rpx;
		font-weight: bold;
	}

	.info-list-btn {
		justify-content: flex-end;
	}

	.info-list-btn>view {
		border: 1rpx #000 solid;
		margin-right: 20rpx;
		border-radius: 10rpx;
		padding: 10rpx;
	}

	.user-info {
		display: flex;
		justify-content: flex-end;
		align-items: baseline;
	}

	.user-info view {
		margin-right: 20rpx;
		margin-top: 20rpx;
	}

	.user-head {
		width: 40rpx;
		height: 40rpx;
		background-color: #baf;
		border-radius: 20rpx;
	}
	.readed{
		color: #ccc;
		font-size: 24rpx;
	}
	.info-lists>.title{
		/* margin: 0 auto; */
		text-align: center;
	}
</style>
